<div
  class="parameter-container form-inline bg-white"
  ng-if="parameters | notEmpty"
  ui-sortable="{ 'ui-floating': true, 'disabled': !editable }"
  ng-model="parameters"
>
  <div
    class="form-group m-r-10"
    ng-repeat="param in parameters"
    data-test="ParameterName-{{ param.name }}"
  >
    <label class="parameter-label">{{ param.title }}</label>
    <button
      class="btn btn-default btn-xs"
      ng-if="editable"
      ng-click="showParameterSettings(param, $index)"
      data-test="ParameterSettings-{{ param.name }}"
    >
      <i class="zmdi zmdi-settings"></i>
    </button>
    <parameter-value-input param="param"></parameter-value-input>
  </div>
  <parameter-apply-button on-click="onApply" is-applying="isApplying" param-count="dirtyParamCount"></parameter-apply-button>
</div>
